<div class="card-block bg-white">
  <div class="block">
    <div class="box" style="margin-top: 1.25rem">
      <div class="box-body no-padding">
        <!--<p-galleria [images]="images"-->
                    <!--panelWidth="100%"-->
                    <!--panelHeight="500"-->
                    <!--[showCaption]="false" (onImageClicked)="openUrl($event)"-->
        <!--&gt;</p-galleria>-->
        <div class="box box-solid">
          <!-- /.box-header -->
          <div class="box-body">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <!--<ol class="carousel-indicators">-->
                <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                <!--<li *ngFor="let data of images" data-target="#carousel-example-generic" data-slide-to="{{data.index}}" class=""></li>-->
              <!--</ol>-->
              <div class="carousel-inner">
                <!--<div *ngFor="let data of images" class="item">-->
                  <!--<img style="width: 100%;height: 100%;" src="{{data.source}}" alt="First slide">-->
                  <!--<div class="carousel-caption">-->
                    <!--First Slide-->
                  <!--</div>-->
                <!--</div>-->
                <div class="item active" (click)="openUrl(firstImag)">
                  <img style="width: 100%;height: 480px;" src="{{firstImag.source}}" alt="Second slide">
                </div>
                <div *ngFor="let data of images" (click)="openUrl(data)" class="item">
                  <img style="width: 100%;height: 480px;" src="{{data.source}}" alt="Second slide">
                </div>
              </div>
              <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="fa fa-angle-left"></span>
              </a>
              <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                <span class="fa fa-angle-right"></span>
              </a>
            </div>
          </div>
          <!-- /.box-body -->
        </div>
        <!--进入题库-->
        <div style="position: absolute;top: 200px;left:45%;">
            <a routerLink="/problem-sets" class="aStyle">进入题库</a>
        </div>
        <!--/进入题库-->
        <!--公告区域-->
        <div class="notice">
          <i class="glyphicon glyphicon-volume-up"></i>
          <span class="spanStyle">最新公告下载:</span>
          <span *ngFor="let data of fileInfos" class="spanStyle">
            <a href="../assets/files/{{data.name}}" download="{{data.name}}">
              <i class="fa fa-circle-o"></i> {{data.name}}
            </a>
          </span>
        </div>
        <!/--公告区域-->
      </div>
    </div>
  </div>
  <div style="border-bottom: 1px solid #E5E5E5;margin-top: 1.25rem;margin-bottom:1.25rem">
  </div>
</div>



